iT邦幫忙

2021 iThome 鐵人賽

DAY 21
0
永豐金融APIs

視覺化跨平台Client與永豐金融證券APIs系列 第 21

視覺化當日趨勢圖(5)-折線圖/趨勢圖前置

  • 分享至 

  • xImage
  •  

我打算針對成交價用折線圖做一個視覺化的呈現,
而開始撰寫前有一些必要的JS需要了解,
第一個是jQuery,
jQuery是Javascript編寫的函式庫,簡化很多Javascript的函數功能,
我們可以到官網去做下載,
https://jquery.com/
而我使用的是jquery-3.3.1.min的版本,
並將它放到路徑ShioajiClient\src\main\resources\static\js下,

再來是我們視覺化會用的工具-highcharts,
它是可以幫我們把資料視覺化的套件之一,
網址如下:
https://www.highcharts.com.cn/demo/highcharts/line-basic
我們會用這個工具去做變化,
用到符合我們的需求,結果會類似以下效果:(圖片來源為highcharts官網)

https://ithelp.ithome.com.tw/upload/images/20211006/20107848uPG4kizGc6.jpg

看完這些前置所需的東西,
就可以開始期待明天視覺化的效果了!


上一篇
視覺化當日趨勢圖(4)-controller撰寫
下一篇
視覺化當日趨勢圖(6)-折線圖/趨勢圖
系列文
視覺化跨平台Client與永豐金融證券APIs30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言